<template>
  <view>
    <page-layout :loading="false">
      <template v-slot:header>
        <page-header title="课程" :isShowIcon="false" @goback="goBack" style="width: 100%"></page-header>
      </template>
      <template v-slot:default>
        <view class="tab-container">
          <!-- 此处不太适用 meta-tabs 组件，会产生左右滑动，体验不太好 -->
        </view>
      </template>
    </page-layout>
    <global-menus
      key="1"
      :menuOrder="1"
      style="position: fixed; width: 100%; bottom: 0; left: 0; z-index: 3"
    ></global-menus>
  </view>
</template>
<script>

export default {
  components: {
  },
  data() {
    return {
      isOnShow: false, // 当前页面是否展示
    };
  },
  onLoad() {
    uni.hideTabBar({
      animation: false,
    });
  },
  onShow() {
    this.isOnShow = true;
  },
  onHide() {
    this.isOnShow = false;
  },
  onUnload() {
    this.isOnShow = false;
  },
  methods: {
    goBack() {
      uni.navigateBack({
        delta: 1,
      });
    },
  },
};
</script>
<style lang="scss" scoped src="./index.scss"></style>
